<template>
  <div class="app">
    <div class="q">
      <span class="lianjie"><router-link to="/">首页</router-link></span>
      <span class="lianjie"><router-link to="/about">关于页</router-link></span>
    </div>
    

      <router-view></router-view>
  </div>
</template>

<script setup>

</script>

<style>



  .q{
    position: absolute;
    top: 0;
    left: 50%;
  }

  .lianjie {
    background-color: aqua;
    font-size: large;
    border-radius: 20px;
    margin: 20px;
    border: none; 
  }

  .lianjie:hover{
    background-color:rgb(195, 198, 23);
  }

  .app{
    position: relative;
    height: 800px;
  }
</style>